Skip to main content

HTML Tags

  • <!DOCTYPE html> - Declaration for an HTML Document
  • <html lang="en"></html> - Wraps an HTML Document
  • <body></body> - Body of the File
  • <main></main> - Main function
  • <h#></h#> - Headers, Goes from 1 (important) to 5 (non-important)
  • <section></section> - Isolated section of HTML
  • <p></p> - Paragraph
  • <a href="example.com" target="_blank"></a> - Creates a hyperlink
  • <img src="path/to/file.png"> - Displays an image on the webpage
  • <ul></ul> - Unordered List
  • <ol></ol> - Ordered List
  • <li></li> - List Element

Figure and Figcaption​

  • <figure></figure> - Surrounds an image and caption
  • <figcaption></figcaption> - Caption for the image

Text Formatting​

  • <em></em> - Italicize Characters
  • <strong></strong> - Bold Characters

Forms​

  • <form></form> - Creates an interactable form
    • action - Where the completed form is sent
  • <input> - Self-closing tag input for a form
    • type - What type of button
    • radio - Multiple Choice
    • checked - Checked by default
    • value - What the multiple choice value is
    • text - Textbox
    • checkbox - Checkbox
    • name - Name of the input, can be used to make only one choice available
    • required - Make the input required
  • <label></label> - Surrounds an input to add a caption
  • <button></button> - Makes a button
  • <fieldset></fieldset> - Groups related inputs and labels together in a webform
  • <legend></legend> - Caption for context of a fieldset element
  • <label for="id"></label> - Associates text or an input, links to an id

Other Elements​

  • <footer></footer> - Adds a footer to the webpage
  • <head></head> - Goes above the body element for important information
  • <title></title> - Determines what browsers show in the title bar